$bgc:#FDFBFB;
$star_color:#FBB805;
$star_bgc:#BBBBBB;
$left:16rpx;
$main_color:#10E7C6;

@mixin discussion(){
    font-size: 28rpx;
            margin-top: 28rpx;
            position: relative;
            height: 68rpx;
            width: 704rpx;

            .star_all {
                position: absolute;
                top: -5rpx;
                left:116rpx ;
                .star {
                    font-size: 50rpx;
                    margin-left: $left;
                    color: $star_bgc;
                    /* width: 30rpx;
                    height: 30rpx; */
                }
                .select_star{
                    color:$star_color
                }
            }

            .desc {
                color: $star_bgc;
                margin-left: 400rpx;
                position: absolute;
                top: 6rpx;
            }
};

@mixin img_w_h($w) {
    width: $w;
    height: $w;
    margin-left: 14rpx;
}

;

page {
    // background-color: red;
    background-color: $bgc;
    height: 100%;
}

view {
    box-sizing: border-box;
    overflow: hidden;
}

.custom-bar {
    background-color: #fff;
    position: fixed;
    z-index: 666;
    left: 0;
    top: 0;
    width: 100%;
}

.custom-bar__wrapper {
    padding: 0 10rpx;
    display: flex;
    justify-content: center;
    align-items: center;
}

#top_title {
    width: 100%;
    text-align: center;
    margin-left: 140rpx;
    font-size: 40rpx;
}


#back {
    width: 40rpx;
    height: 40rpx;
    //   margin-left: 24rpx;
    margin-right: 20rpx;
}
movable-area{
    width: auto;
    height: 100%;
    overflow: auto;
    movable-view{
        position: relative;
        // z-index: 66;
        width: auto;
        height: auto;
        
    }
}
#main {
    font-size: 16px;
    position: relative;
    overflow: auto;
    #main_top { 
        background-color: #fff;
        padding-left: 20rpx;
        padding-top: 35rpx;
        #main_title {
            font-size: 36rpx;
        }
        .discussion {
            @include discussion();
            border-bottom: 2rpx solid #E1DFDF;
        }
    }
    

    #main_content {
        background-color: #fff;
        border-radius:0 0 $left $left;
        padding-left: 20rpx;
        overflow: unset;
        .text {
            margin-left: 14rpx;
            padding-top: 24rpx;
            width: 690rpx;
        }

        .maxlength {
            margin-left: 580rpx;
            color: $star_bgc;
        }

        .Add_images {
            overflow: unset;
            image {
                @include img_w_h(220rpx);
                // z-index: 6666;
            }
            .big{
                // @include img_w_h(225rpx);
                // position:absolute
                box-shadow: 0 0 3px black;
            }
            .Add {
                display: inline-block;
                @include img_w_h(216rpx);
                background-color: #eee;
                text-align: center;
                line-height: 216rpx;
                text {
                    font-size: 150rpx;
                    color: #fff;
                }
            }
            .down {
                text {
                    color: $star_bgc;
                }
            }
        }
    }
    .discussion{
        @include discussion();
        background-color: #fff;
        margin-top:28rpx;
        height: 300rpx;
    }
    .discussion.bottom{
        width: 730rpx;
        margin-left: 12rpx;
        border-radius: 16rpx;
        // padding-bottom: ;
        
        view{
            margin-left: 30rpx;
            margin-top: 30rpx;
            position: relative;
            height: 60rpx;
        }
        .star_all {
            position: absolute;
            top: -32rpx;
            left:86rpx ;
            .star {
                font-size: 50rpx;
                margin-left: $left;
                color: $star_bgc;
            }
            .select_star{
                color:$star_color
            }
        }
    }
    .btn{
        position:fixed ;
        background-color:$main_color ;
        width: 100%;
        color: #fff;
        height: 100rpx;
        line-height: 100rpx;
        bottom: 0;
        view{
            text-align: center;
            width: 100%;
        }
    }
    .del{
        background-color: red;
        
    }
    .didi{
        color: $star_bgc;
    }

}
.icon-box{
    width: 300rpx;
    height: 300rpx;
    background-color: rgb(161, 161, 161);
    opacity: 0.8;
    position: absolute;
    top: 40%;
    left: 30%;
    text-align: center;
    view{
        padding: 20rpx 0;
    }
}
.else{
    text-align: center;
    margin-top: 50%;
    button{
        margin-top: 20rpx;
    }
}

